{% extends "base.html" %}

{% block head %}
<link href="/medias/css/group.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
$(function(){
	$(".bevel_top").corner("bevel top");
	$(".bevel_button").corner("bottom");

});	
</script>
{% endblock %}

{% block title %}mobeir社区{% endblock %}

{% block left_content %}

<div id="group_header" class="bevel_top">
	<ul>
		<li {% ifequal header "all" %}class="active corner"{% endifequal %}><a href="/group/all/">综合</a></li>
		<li {% ifequal header "read" %}class="active corner"{% endifequal %}><a href="/group/all/?go=read">阅读</a></li>
		<li {% ifequal header "game" %}class="active corner"{% endifequal %}><a href="/group/all/?go=game">游戏</a></li>
		<li {% ifequal header "media" %}class="active corner"{% endifequal %}><a href="/group/all/?go=media">影音</a></li>
		<li {% ifequal header "life" %}class="active corner"{% endifequal %}><a href="/group/all/?go=life">生活</a></li>
	    {% if request.user.is_authenticated %}
		<li><a href="/group/my/">我的圈子</a></li>
		{% endif %}
	</ul>
</div>

<div id="midLeft">
{% for group in groups %}
<div class="sub-item">
	<div class="pic">
		<a href="/group/{{group.id}}"><img  width=50 height=50 alt="{{group.name}}" src="/medias/{{group.image}}"></a>
	</div>
	<div class="info">
		<a href="/group/{{group.id}}">{{group.name}}</a> (30539)</br>{{group.summary|slice:":40"}}...
	</div>
</div>
{% endfor %}		
</div>


{% endblock %}





{% block right_content %}


<div id="hotCont">
	<h3><span class="sLeft">活跃主题</span><span class="sRight"></span></h3>
	<ul>
		{% for topic in hot_topics %}	
		<li><font color="#b9cedb">●</font><a target="_blank" href="/topic/{{topic.id}}/">{{topic.title|slice:":22"|escape}}</a>...   评论：{{topic.replies_count}}</li>
	    {% endfor %}
	</ul>	
		
</div>


{% endblock %}